@charset "utf-8";
nav li:nth-of-type(7){background:#5c5c5c;}
.survey{width:986px; margin:40px auto;}
.survey ul{width:252px;}
.survey ul li{ display:box; position:relative; display:-moz-box; display:-webkit-box; line-height:72px; transition: all 0.3s ease 0.3s; width:91.26%; border-bottom:4px solid #fff; padding-left:21px;}
.survey ul li>span{display:block; width:100%; height:100%; position:absolute; top:0;left:0;}
.survey ul li>span a{display:block; width:100%; height:100%;}
.survey ul li a{font-size:22px; color:#222; width:17.82%;color:#333; text-align:center; width:63.91%;}
.survey ul li img{ display:block; width:17.82%; margin-top:11px; margin-bottom:11px;}
.survey ul li img:nth-of-type(2){display:none;}
.survey ul li:nth-of-type(2){border-bottom:4px solid #fa9634;}
.survey ul li:nth-of-type(2) img:nth-of-type(1){display:none;}
.survey ul li:nth-of-type(2) img:nth-of-type(2){display:block;}
.survey ul li:hover{ border-bottom:4px solid #fa9634;}
.survey ul li:hover img:nth-of-type(2){display:block;}
.survey ul li:hover img:nth-of-type(1){display:none;}
aside{float:left; width:266px; border-right:1px solid #bbbbbb;}
section{float:left; line-height:30px; color:#000;  width:648px; margin-left:52px;}
section p{ font-size:16px; text-align:justify;}
section h4>span{color:#000; font-size:16px; font-weight:100;}
section h4{font-size:18px; color:#fa9634; line-height:50px; font-weight:bold;}
section h5{font-size:18px; color:#000; line-height:50px; font-weight:bold;}
section p span{font-size:18px; color:#000; line-height:50px; font-weight:bold;}
section img{display:block; width:100%; padding-top:68px;}
.survey section:nth-of-type(2) p{text-indent:0; line-height:28px; font-size:16px;}
h5{font-size:18px;color:#fa9634; padding-top:7px;}
nav li:first-of-type{background:none;}
@media screen and (max-width:1000px )and (min-width :650px ) {
	.survey{width:100%; margin:10px auto;}
	aside{float:none; width:95%; border-right:0px; margin:0px auto;}
	section{float:none; width:95%; margin:0px auto;}
	section p{padding-top:0px;}
	section img{width:100%; padding-top:0px;}
	.survey ul{width:100%; }
	.survey ul li{ width:25%; height:72px; float:left; padding:0px; margin: 0px;}
	.survey ul li a{display: block; text-align:right; width:60.18%; }
	.survey ul li img{ display:block; width:17.82%; height:56.94%; margin-left:20%; margin-top:21px;}
.survey ul li img:nth-of-type(2){display:none;}
}
@media screen and (max-width:650px )and (min-width :480px ) {
	.survey{width:100%; margin:10px auto;}
	aside{float:none; width:95%; border-right:0px; margin:0px auto;}
	section{float:none; width:95%; margin:0px auto;}
	section p{padding-top:0px;}
	section img{width:100%; padding-top:0px;}
	.survey ul{width:100%; }
	.survey ul li{ width:25%; height:72px; float:left; padding:0px; margin: 0px;}
	.survey ul li a{display: block; text-align:right; font-size:18px; width:70.18%; }
	.survey ul li img{ display:block; width:22.82%; height:56.94%; margin-left:0%; margin-top:21px;}
.survey ul li img:nth-of-type(2){display:none;}
}
@media screen and (max-width:480px ) {
	.survey{width:100%; margin:10px auto;}
	aside{float:none; width:95%; border-right:0px; margin:0px auto;}
	aside ul li:nth-of-type(2) img{width:24%;}
	aside span{display:none;}
	section{float:none; width:95%; margin:0px auto;}
	section p{padding-top:0px;}
	section img{width:100%; padding-top:0px;}
	.survey ul{width:100%; }
	.survey ul li{ width:25%; display:block; float:left; line-height:32px; padding:0px; margin: 0px; border-bottom:0px;}
	.survey ul li:nth-of-type(2){border-bottom:0px;}
	.survey ul li:hover{border-bottom:0px;}
	.survey ul li a{display: block; font-size:16px; text-align:center; width:100%; }
	.survey ul li img{ display:block; width:30.82%; height:56.94%; margin:0px auto;}
	.survey ul li img:nth-of-type(2){display:none;}
}